<template>
  <div class="title">
    <van-nav-bar
      title="客户列表信息"
      right-text="新增"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
    <van-search
      v-model="value"
      show-action
      placeholder="客户名称/联系方式"
      shape="round"
     
      @focus="focusFn"
    >
      <template #action>
        <div @click="onSearch">搜索</div>
      </template>
    </van-search>
  </div>
</template>
 
<script>
import { getCust } from "../request/api";
export default {
  data() {
    return {
      value: "",
      msg: "",
    };
  },
 
  methods: {
    onClickLeft() {
      this.$router.back()
    },
    onClickRight() {
     this.$router.push("/clientadd/")
    },
    onSearch(){},
    focusFn() {
      this.$router.push("/searshlist")
    },
  },
};
</script>
 
<style lang = "less" scoped>
.title {
  background: #f5f5f5;
  position: relative;
  .van-nav-bar {
    background: #369eff;
    /deep/.van-icon-arrow-left::before {
      color: #fff;
    }
    /deep/.van-nav-bar__text {
      color: #fff;
    }
    /deep/.van-nav-bar__title {
      color: #fff;
    }
  }
  .van-search__action {
    color: #369eff;
  }
}
</style>